

<div class="card">

  <div class="card-header">
      <button type="button" class="btn btn-outline-success" (click)="addCarousel()">新增</button>
  </div>

  <div class="card-body">
  <table class="table table-hover">
    <thead >
      <tr>
        <th scope="col"></th>
        <th scope="col">标题</th>
        <th scope="col">描述</th>
        <th scope="col">图片</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let c of cl" >
        <th scope="row">*</th>
        <td>{{c.title}}</td>
        <td>{{c.discription}}</td>
        <td>
            <img src="{{c.pic}}" width="200" height="200"/>
        </td>
        <td>
            <button type="button" class="btn btn-outline-warning" (click)="updateCarousel(c.carouselid)">修改</button>
            <button type="button" class="btn btn-outline-danger" (click)="deleteCarousel(c.carouselid)">删除</button>
        </td>
      </tr>
    </tbody>
  </table>
  </div>

  <div class="card-foot">
      <nav aria-label="Page navigation example">
        <ul class="Pagination" style="float:left">
          <li class="page-item" style="float:left;list-style-type:none"><a class="page-link" href="#">Previous</a></li>
          <li class="page-item" style="float:left;list-style-type:none"><a class="page-link" href="#">1</a></li>
          <li class="page-item" style="float:left;list-style-type:none"><a class="page-link" href="#">2</a></li>
          <li class="page-item" style="float:left;list-style-type:none"><a class="page-link" href="#">3</a></li>
          <li class="page-item" style="float:left;list-style-type:none"><a class="page-link" href="#">Next</a></li>
        </ul>
     </nav>
    </div>

</div>

